/**
 * 登录模块
 * @author 张云江
 * @date 2016-05-13
 */
function Login() {
    //URL配置
    this.url = {
        "login": APP + '/index/m_login'
    };
}

Login.prototype = {
    /**
     * 初始化
     */
    init: function () {
        var that = this;
        layer.config({
            skin: 'layer-ext-moon',
            extend: 'skin/moon/style.css'
        });

        $("#loginForm").validate({
            errorPlacement: function (error, element) {
                $("label[for='" + element.attr("id") + "']").html(error);
            },
            submitHandler: function (form) {
                that.submitForm();
            }
        });

        particlesJS('particles-js', {
            "particles": {
                "number": {"value": 80, "density": {"enable": true, "value_area": 800}},
                "color": {"value": "#ffffff"},
                "shape": {
                    "type": "circle",
                    "stroke": {"width": 0, "color": "#000000"},
                    "polygon": {"nb_sides": 5},
                    "image": {"src": "img/github.svg", "width": 100, "height": 100}
                },
                "opacity": {
                    "value": 0.5,
                    "random": false,
                    "anim": {"enable": false, "speed": 1, "opacity_min": 0.1, "sync": false}
                },
                "size": {
                    "value": 5,
                    "random": true,
                    "anim": {"enable": false, "speed": 40, "size_min": 0.1, "sync": false}
                },
                "line_linked": {"enable": true, "distance": 150, "color": "#ffffff", "opacity": 0.4, "width": 1},
                "move": {
                    "enable": true,
                    "speed": 6,
                    "direction": "none",
                    "random": false,
                    "straight": false,
                    "out_mode": "out",
                    "attract": {"enable": false, "rotateX": 600, "rotateY": 1200}
                }
            },
            "interactivity": {
                "detect_on": "canvas",
                "events": {
                    "onhover": {"enable": true, "mode": "repulse"},
                    "onclick": {"enable": true, "mode": "push"},
                    "resize": true
                },
                "modes": {
                    "grab": {"distance": 400, "line_linked": {"opacity": 1}},
                    "bubble": {"distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3},
                    "repulse": {"distance": 200},
                    "push": {"particles_nb": 4},
                    "remove": {"particles_nb": 2}
                }
            },
            "retina_detect": true,
            "config_demo": {
                "hide_card": false,
                "background_color": "#b61924",
                "background_image": "",
                "background_position": "50% 50%",
                "background_repeat": "no-repeat",
                "background_size": "cover"
            }
        });
    },

    /**
     * 提交表单
     */
    submitForm: function () {
        var param = $("#loginForm").serialize();
        var username = $("#username").val();
        var password = $("#password").val();
        if (Common.isEmpty(username)) {
            layer.msg('请输入用户名', {icon: 5});
            return false;
        }
        if (Common.isEmpty(password)) {
            layer.msg("请输入密码", {icon: 5});
            return false;
        }
        $.ajax({
            type: "post",
            url: this.url.login,
            data: param,
            success: function (data) {
                if (data.code == "0") {
                    window.location.href = APP + '/' + data.url;
                } else {
                    layer.msg(data.notice, {icon: 5});
                }
            }
        });
    },

    /*
    *显示和关闭密码
    */
    showPass: function (el) {
        if (el.hasClass("icon-close-eye")) {
            el.removeClass("icon-close-eye").addClass("icon-yanjing1");
            $("#password").attr("type", "text");
        } else {
            el.addClass("icon-close-eye").removeClass("icon-yanjing1");
            $("#password").attr("type", "password");
        }
    }
};